@charset "utf-8";
/* CSS Document */

/*billboard*/
#billboard{height:600px;position:relative;}
#billboard .loading{width:31px;height:31px;background:url(../images/loading.gif) center no-repeat;position:absolute;z-index:9999;left:65%;top:50%;margin:-15px 0 0 -15px;display:none;}
#billboard .switch-wrap{height:600px; width:100%; margin:0 auto;overflow:hidden;}
#billboard .switch-wrap .item{height:600px;display:none;background-position:center top;background-repeat:no-repeat;}
#billboard .switch-wrap .item .wrapper{position:relative;overflow:hidden;height:600px;}
#billboard .switch-wrap .item  li{width:370px; position:absolute;left:420px;top:200px;font-size:16px;color:#5d5d5d;line-height:175%;z-index:99; opacity:0;filter:alpha(opacity:0); z-index:0;}
#billboard .switch-wrap .item  li span { display:block; height:40px; line-height:40px;}
#billboard .switch-wrap .item  li span a { display:inline-block; padding-left:18px; background:url(../images/item_first_icon.png) no-repeat 0 15px; font-size:18px; color:#0066cc;}
#billboard .switch-wrap .item  li p { padding:5px 0 0 18px;}
#billboard .switch-wrap .item  li p a { display:inline-block; min-width:100px; padding-left:10px; height:30px; line-height:30px; background:url(../images/dot.png) no-repeat 0 13px; font-size:16px; color:#0066cc;}
#billboard .switch-wrap .item  li .links{padding:35px 0 0;}
#billboard .switch-wrap .item  li .links a{background:url(../images/icon_arrow.png) left center no-repeat;padding-left:13px;float:left;margin-right:25px;color:#06c;}
#billboard .switch-wrap .item  li a:hover{text-decoration:underline;}
#billboard .parts-wrap{position:absolute;height:480px;top:40px;right:50%;margin-right:-300px;*z-index:9;}
#billboard .parts-menu{width:240px;height:528px;position:absolute;left:0;top:0;background:url(../images/parts_bg.png) no-repeat;padding:0 5px 0 4px;z-index:9}
#billboard .parts-menu .menu-inner{height:390px;width:240px;position:absolute;left:4px;top:0;z-index:2;}
#billboard .search{position:absolute;bottom:30px;left:7px;background:#262433;width:235px;height:68px;}
#billboard .search .input-box{width:176px;height:24px;padding:0 12px;background:url(../images/index_sprites.png) 0 -120px no-repeat;margin:21px auto 0;}
#billboard .search .input-box .ipt{float:left;width:150px;height:16px;padding:4px 0;border:none;background:none;color:#989898;}
#billboard .search .input-box .btn{float:right;width:20px;height:21px;border:none;background:url(../images/index_sprites.png) -205px -65px no-repeat;cursor:pointer;margin-top:1px;}
#billboard .parts-slider{padding:15px 0 0;height:325px;position:relative;width:240px;}
#billboard .parts-slider .touchslider-viewport{overflow:hidden;width:240px;height:330px;position:relative;}
#billboard .parts-slider .slider-container{position:absolute;left:0;top:0;}
#billboard .parts-slider ul{height:330px;width:240px;float:left;}
#billboard .parts-slider ul.on{display:block;}
#billboard .parts-slider li{padding:5px 1px 6px 12px;position:relative;text-align:center;float:left;}
#billboard .parts-slider li img{vertical-align:bottom;margin-bottom:3px; width:44px; height:44px;}
#billboard .parts-slider li a{color:#333;}
#billboard .other-items li:nth-child(1) {animation:allitem_bounce 3s infinite linear;-webkit-animation:allitem_bounce 3s infinite linear;-moz-animation:allitem_bounce 3s infinite linear;-o-animation:allitem_bounce 3s infinite linear;-ms-animation:allitem_bounce 3s infinite linear;}
@keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
88%{-webkit-transform:translateY(-6px)}
92%{-webkit-transform:translateY(-3px)}
}
@-webkit-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
88%{-webkit-transform:translateY(-6px)}
92%{-webkit-transform:translateY(-3px)}
}
@-moz-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}
88%{-moz-transform:translateY(-6px)}
92%{-moz-transform:translateY(-3px)}
}
@-o-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}
88%{-o-transform:translateY(-6px)}
92%{-o-transform:translateY(-3px)}
}
@-ms-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}
88%{-ms-transform:translateY(-6px)}
92%{-ms-transform:translateY(-3px)}
}


#billboard .parts-slider .pagination{position:absolute;left:0;bottom:24px;width:240px;text-align:center;height:14px;vertical-align:middle;}
#billboard .parts-slider .pagination a{background:url(../images/index_sprites.png);display:inline-block;margin:0 10px;vertical-align:middle;}
#billboard .parts-slider .pagination a.btn{width:8px;height:14px;}
#billboard .parts-slider .pagination a.prev{width:8px;height:14px;width:8px;background-position:-110px -150px;}
#billboard .parts-slider .pagination a.prev.disabled{background-position:-130px -150px;cursor:default;}
#billboard .parts-slider .pagination a.next{width:8px;height:14px;background-position:-120px -150px;}
#billboard .parts-slider .pagination a.next.disabled{background-position:-140px -150px;cursor:default;}
#billboard .parts-slider .pagination a.dot{width:9px;height:9px;background-position:-161px -149px;margin:0 3px;}
#billboard .parts-slider .pagination a.dot.on{background-position:-150px -150px;}
#billboard .parts-slider li span.change { display:block; width:0px; height:0px; position:absolute; left:33px; top:26px; z-index:0; overflow:hidden;}
#billboard .parts-slider li span.change img { width:100%; height:auto;}

#billboard .parts-menu li .tips{ background:url(../images/index_sprites.png) -205px -40px no-repeat;width:20px;height:20px;position:absolute;left:44px;top:-3px;color:#FFF;text-align:center;line-height:20px;font-size:12px; z-index:1;}
#billboard .other-items{padding:16px 0 0 20px; width:220px; height:74px; line-height:22px; background:url(../images/index_menu_bottombg.png) no-repeat;}
#billboard .other-items ul { padding-left:30px;}
#billboard .other-items li{float:left;font-size:12px;margin:0 10px;position:relative;text-align:center;}
#billboard .other-items li .tips{right:-7px;top:-7px;}
#billboard .other-items li a{color:#333;}
#billboard .other-items li:nth-child(1) {animation:allitem_bounce 3s infinite linear;-webkit-animation:allitem_bounce 3s infinite linear;-moz-animation:allitem_bounce 3s infinite linear;-o-animation:allitem_bounce 3s infinite linear;-ms-animation:allitem_bounce 3s infinite linear;}

#billboard .ages-bar{position:absolute;left:244px;top:1px;height:497px;width:0;overflow:hidden;display:none;padding:4px 5px 0 1px;background:url(../images/ages_bar_bg.png) no-repeat;z-index:9}
#billboard .ages-bar li{position:relative;width:29px;height:98px;vertical-align:bottom;}
#billboard .ages-bar span{display:block;width:29px;height:98px;position:absolute;left:0;top:0;}
#billboard .ages-bar a{display:block;width:15px;text-align:center;padding:12px 7px 0;color:#4d4d4d;height:85px;position:absolute;left:0;top:0;z-index:2;line-height:150%;font-size:12px;}
#billboard .ages-bar li:hover span,#billboard .ages-bar li.on span{background:#ff5d8f;color:#FFF;opacity:0.8;filter:alpha(opacity=80);}
#billboard .ages-bar li:hover a,#billboard .ages-bar li.on a{color:#FFF;}
#billboard .tips-ages{position:absolute;left:280px;top:0;width:193px;height:114px;background:url(../images/index_sprites.png) no-repeat;display:none;}
#billboard .tips-ages a.close{position:absolute;right:-10px;top:-10px;text-indent:-999em;width:39px;height:39px;background:url(../images/index_sprites.png) -195px 0 no-repeat;display:block;}
#billboard .tips-ages .inner{color:#fff;width:145px;height:80px;padding:15px 0 0 30px;}
#billboard .tips-ages a.know{color:#1988f7;text-decoration:underline;position:absolute;bottom:12px;right:20px;}

.default-item{max-width:1600px;min-width:1000px;height:600px; position:relative; overflow:hidden;}
.default-item .prev{ display:none;width:60px;height:60px;position:absolute;left:60%;top:50%; opacity:0;margin:-40px 0 0 -340px;background:url(../images/index_arrow.png) no-repeat; z-index:3}
.default-item .prev:hover {background:url(../images/index_arrow.png) left bottom no-repeat;}
.default-item .next{ display:none;width:60px;height:60px;position:absolute;right:-50px;top:50%; opacity:0;background:url(../images/index_arrow.png) right top no-repeat;margin:-40px 0 0; z-index:3;}
.default-item .next:hover {background:url(../images/index_arrow.png) right bottom no-repeat;}
.default-item .container {max-width:1600px;min-width:1000px;height:600px;}
.default-item .container div{width:100%;height:600px;display:none; position:absolute; left:0; top:0;}
.default-item .container a{background-position:center center;background-repeat:no-repeat;display:block;height:600px;}
.default-item .container div.on{-display:block;}
.default-item .pagination{position:absolute;left:50%;bottom:40px;}
.default-item .pagination a{position:relative;float:left;left:-50;width:11px;height:11px;background:url(../images/doctor_icon_b.png) -11px 0 no-repeat;text-indent:-999em;margin:0 5px;}
.default-item .pagination a.on{position:relative;float:left;left:-50;width:11px;height:11px;background:url(../images/doctor_icon_b.png) no-repeat;}


.promotion{width:1060px; margin:10px auto; border-top:#FFF 2px solid;}
.promotion li{width:25%;float:left;height:160px; overflow:hidden; position:relative;}
.promotion li a{display:block;width:100%;padding:0;height:160px;text-align:center;color:#262526;line-height:175%;}
.promotion li span{display:block; width:2px; height:160px; background:#FFF; font-size:0; position:absolute; right:0; top:0;}
.promotion li.brand{background:url(../images/promotion_pic1.jpg) center top no-repeat;}
.promotion li.expert{background:url(../images/promotion_pic2.jpg) center top no-repeat;}
.promotion li.charity{background:url(../images/promotion_pic3.jpg) center top no-repeat;}
.promotion li.case{background:url(../images/promotion_pic4.jpg) center top no-repeat;*width:19%;}
.promotion li.custom{background:url(../images/promotion_pic5.jpg) center top no-repeat;}

.promotion figure figcaption::before,.promotion figure figcaption::after {pointer-events: none;}
figure.effect-ruby {
	background-color:#fff;
}

figure.effect-ruby .pimg {
	width:100%;
	height:160px;
	background:url(../images/01.jpg) center top no-repeat;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover .pimg {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby .pimg1 {
	width:100%;
	height:160px;
	background:url(../images/02.jpg) center top no-repeat;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover .pimg1 {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby .pimg2 {
	width:100%;
	height:160px;
	background:url(../images/03.jpg) center top no-repeat;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover .pimg2 {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby .pimg3 {
	width:100%;
	height:160px;
	background:url(../images/04.jpg) center top no-repeat;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover .pimg3 {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover .pimg4 {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby figcaption {width:100%; position:absolute; left:0; top:0;}
figure.effect-ruby h2 {
	margin-top:10px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color:#262526;
}
figure.effect-ruby h2 b {font-size:18px;}

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,45px,0);
	transform: translate3d(0,45px,0);
	color:#0066cc
}

.sildercon { width:320px; margin:0px auto; padding-left:17px; padding-top:10px;}
.silder {width: 100%;height:200px; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;}
.silder .silder_list {height:200px; overflow:hidden;position: relative;}
.silder .silder_list a{position:absolute; top:0;left:0;}
.silder .silder_list a,.silder .silder_list img{display:inline-block;float:left;}
.silder .silder_page{height:42px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:1px;}
.silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:15px 10px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;}
.silder .silder_page li.current{background:#C70B31;color:#fff;}
.silder_desc{color:#fff;background:url(tit_bg.png) repeat 0 0;float:left;line-height:42px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;}
.silder .silder_page li:hover{cursor:pointer;}



.doc{width:1060px;margin:0 auto 10px auto;position:relative;z-index:99;}
.doc .dul{width:1060px;height:380px;overflow:hidden;position:relative;}
.doc .dul>li{float:left;width:80px;height:340px;position:relative;border:#e3e3e3 solid 1px;margin:35px 1px 0 1px;}
.doc .dul>li.on{width:468px;}
.doc .dul>li.on .idp{width:300px;height:380px;overflow:hidden;margin-top:-33px;position:absolute;}
.doc .dul>li.on .idp i{display:none;}
.doc .dul>li.on .idp em{display:none;}
.doc .dul>li.on .idp img{width:330px;margin:0 0 0 -100px;position:absolute;z-index:99;}
.doc .dul>li.on .idt{width:300px;display:block;}
.doc .dul>li .idp{width:80px;height:340px;overflow:hidden;float:left;position:relative;}
.doc .dul>li .idp i{width:80px;height:46px;background:#000;display:block;position:absolute;bottom:0;left:0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.doc .dul>li .idp em{width:80px;height:46px;display:block;position:absolute;bottom:0;color:#fff;left:0;}
.doc .dul>li .idp em .p1{font-size:14px;text-align:center;font-weight:bold;margin-top:5px;}
.doc .dul>li .idp em .p2{font-size:12px;text-align:center;}
.doc .dul>li .idp img{width:260px;margin-left:-85px;}
.doc .dul>li .idt{float:left;color:#343434;position:absolute;right:10px;top:15px;z-index:100;display:none;}
.doc .dul>li .idt a{color:#343434;}
.doc .dul>li .idt h1{font-size:26px;}
.doc .dul>li .idt span{font-size:20px;}
.doc .dul>li .idt ul{margin:10px 0;}
.doc .dul>li .idt ul li{line-height:22px;font-size:14px;color:#6C6C6C;}
.doc .dul>li .idt dl{}
.doc .dul>li .idt dl dt{font-size:14px;color:#7d0178;line-height:30px;font-weight:bold;} 
.doc .dul>li .idt dl dd{line-height:22px;font-size:12px;color:#6C6C6C;}
.doc .dul>li .idt dl dd a{color:#7d0178;}
.doc .doc_t{width:1060px;height:30px;line-height:30px;}
.doc .doc_t ol{width:80%;float:left;}
.doc .doc_t ol li{color:#a3a3a3;font-size:15px;margin:0 5px;font-family:"Microsoft YaHei";font-weight:500;float:left;}
.doc .doc_t ol li.on{color:#333333;font-size:18px;}
.doc .doc_t ol li.on a{color:#2f2f2f;}
.doc .doc_t>a{width:41px;height:30px;float:right;color:#acacac;font-size:12px;background:url(images/more.png) right center no-repeat;}